<template>
    <div class="loading-wrapper ">
      <div class="loading">
        <div><img src="/static/image/common/loading.gif"></div>
        <div class="loading-text">{{title}}</div>
      </div>
    </div>
</template>

<script>
  export default {
    name: "Loading",
    props: {
      title:{
        type:String,
        default: '正在载入...'
      }
    }
  };
</script>

<style scoped lang="less">
  .loading-wrapper {
    width:100%;
    text-align:center;
  }
  .loading {
    width:300rpx;
    height:300rpx;
    display:flex;
    background-color:rgba(255,255,255,.3)
  }
  .loading-text {
    font-size:@font_size_20;
    color:@bg_color;
  }
</style>
